<template>    
  <view class="container">    
    <button @click="navigateToPageA" class="nav-button">地点增删</button>      
    <button @click="navigateToPageC" class="nav-button">边的增删</button>    
  </view>    
</template>    
    
<script>    
export default {    
  methods: {    
    navigateToPageA() {    
      uni.navigateTo({    
        url: '/pages/edit/edit' // 假设PageA的路径是/pages/PageA/PageA    
      });    
    },    
    navigateToPageC() {    
      uni.navigateTo({    
        url: '/pages/side/side' // 假设PageC的路径是/pages/PageC/PageC    
      });    
    }    
  }    
}    
</script>    
    
<style scoped>    
.container {    
  display: flex;    
  flex-direction: column;    
  align-items: center;    
  padding: 20px;    
  background-color: #f5f5f5; /* 添加背景色 */  
  border-radius: 8px; /* 容器圆角 */  
  box-shadow: 0 2px 12px rgba(0,0,0,0.1); /* 添加阴影效果 */  
  width: 90%; /* 限制容器宽度 */  
  margin: 0 auto; /* 居中显示 */  
}    
.nav-button {    
  margin: 10px 0;    
  padding: 10px 20px;    
  background-color: #007AFF; /* 按钮背景色 */  
  color: white; /* 按钮文字颜色 */  
  border: none; /* 移除边框 */  
  border-radius: 4px; /* 按钮圆角 */  
  box-shadow: 0 2px 4px rgba(0,0,0,0.1); /* 按钮阴影 */  
  font-size: 16px; /* 文字大小 */  
  cursor: pointer; /* 鼠标悬停时显示指针 */  
  outline: none; /* 移除点击时的默认轮廓 */  
}    
.nav-button:active {    
  background-color: #0056b3; /* 按钮按下时的背景色 */  
}    
</style>